*[hidefocus],input,textarea,a{outline:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
fieldset,img,html,body,iframe{border:0;}
table{border-collapse:collapse;border-spacing:0;}
li,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
caption,th{font-weight:normal;font-style:normal;text-align:left;}
em,strong{font-weight:bold;font-style:normal;}
body,textarea,select,input,pre{font-family:microsoft yahei,arial,helvetica,sans-serif;font-size:14px;}
body{-webkit-text-size-adjust:none;}
a,button{cursor:pointer;}
textarea{resize:none;overflow:auto;}
pre{white-space:pre-wrap;}
a{text-decoration:none;}
a, input { margin: 0; padding: 0; outline: none; -webkit-tap-highlight-color: rgba(255, 0, 0, 0); }
input{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-modify: read-write-plaintext-only;
}
button {
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}
select{outline:none;}

body{ color: #595656}
$main: 1170px; $color: #e5004f;

.header { width: 100%; height: 60px; background-color: #fff;
	.header_m { width: $main; height: 100%; margin: 0 auto; }
	.logo { margin: 10px 68px 0  20px; float: left; }

	/*header select*/
	
	.select{ float: left;margin-top: 12px;height: 34px;width: 100px; }
	.language_div ,.currency_div{color: $color; height: 34px;line-height: 34px; width: 100%;}
	.languagelist ,.currencylist{display: none; width: 100%; height: auto; overflow: hidden;  position: relative; }
	.select_option ul{ width: 100%; height: auto; overflow: hidden; display: block; position: relative; z-index: 6;  }
	.select_option{ margin-top: 1px; padding-bottom: 10px; }
	.select_option li.selected{color: $color;}
	.select_option li{width: 90%;  margin-left: 5%;float: left; cursor: pointer;text-indent: 5px; height: 31px; line-height: 31px; border-bottom: 1px solid $color;}
	.select_option li:hover{color: #000;}
	.select_option li:last-child{border-bottom: none;}
	.select_option p{position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; display: block; background-color: #fff;  opacity: .8;}


	.select{border: 1px solid #e5004f; border-radius: 2px; text-indent: 15px;background-image:url(../images/jiao.png) ; background-repeat: no-repeat; background-position: 80px 14px}
	/*.select li{position: relative; z-index: 10; text-indent: 5px; height: 31px; line-height: 31px; width: 79px; border-bottom: 1px solid $color; margin-left: 11px;}*/
	/*.select li.selected{color: $color;}*/
	/*.select li:hover{color: #000;}*/
	/*.select li:last-child{border-bottom: none;}*/
	/*.select p{position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; display: block; background-color: #fff;  opacity: .8;}*/
	.currency{ margin-left: 10px;}
/*user*/
	.user { position: relative; z-index: 10; color: #595656; border-radius: 2px; border: 1px solid $color; width: 163px; width: auto;  cursor: pointer; height: 34px; margin-top: 12px; float: right; margin-right: 135px; line-height: 34px; }
	.tap_act p{ width:30px;background-image: url(../images/jiao.png); background-repeat: no-repeat; background-position: center; float: right; height: 100%;}
	.user li {width: 65%;  margin-left: 33px; text-indent: 0; border-bottom: 1px solid $color;  position: relative; z-index: 10; }
	.user ul { position: relative;width: 100%; height: auto; overflow: hidden; padding: 4px 0; margin-top: 1px; display:none;  float: left;  }
	.tap_bg{ background-color: #fff; opacity: .8;  width: 100%; height: 100%; position: absolute; z-index: 5; top: 0; left: 0; overflow: hidden; display: block; }
	
	.user .tap_act { width: 100%; height: 100%; text-indent: 15px; color: $color ;}
	.user:hover  ul { display: block; }
	.user .tap_act { text-indent: 33px; background-image: url(../images/user.png); background-repeat: no-repeat; background-position: 14px 10px; }
	.user li:hover{ color: $color }
	.user #Login { display: block;}
	/*.user li:last-child { border-bottom: none; }*/
	.user #Logout ,.user #Register { border-bottom: none; }

}

.footer{ width:100%; height:315px; background-color: #595656; margin-top: 50px;
	.footer_top{ width: 100%; height:263px;  }
	.footer_bottom{ width: 100%; height:52px; line-height: 52px; text-align: center; color: #fff; font-size: 13px;  background-color: #e5004f; }
	.footer_top_m ,.footer_bottom_m{ width: $main; margin: 0 auto; }
	.footer_list1{ margin-left: 280px; }
	.footer_list1 ,.footer_list2 ,.footer_list3{ width: 238px; float: left;  color: #fff; padding-top: 42px;}
	.footer_list1 a,.footer_list2 a,.footer_list3 a{ color: #fff; }
	.footer_top_m h1{ font-size: 16px; }
	.footer_top_m li{ font-size: 14px; }
	.footer_top_m li{ line-height: 30px; }
	.footer_top_m ul{ margin-top: 15px; }
	.feedback{ margin-top: 20px; font-size: 17px; }
	.footer_bottom_m a{ color: #fff; }


}



.search{ width: 100%; height: 154px; background-color: #fff;
	.search_m{ width: $main ; height: 100%; margin: 0 auto;}

	.Country{ background-color: #fff; width: 204px; height: 56px; margin-top: 50px;float: left;margin-left: 118px;  background-image: url(../images/map.png); background-repeat: no-repeat; background-position: 20px;}
	.Countryselect_box,.Cityselect_box{ width: 100%; cursor: pointer; color: $color; height: 100%;border: 1px solid #e5004f;line-height: 54px; text-indent: 59px;background-image:url(../images/jiao.png) ; background-repeat: no-repeat;background-position: 171px 23px; }
	.Cityselect_box{background-position: 143px 23px; text-indent: 20px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width:80%; padding-right: 20%;}
	.Countrylist ,.Citylist{display: none; width: 600px; height: auto; overflow: hidden; position: relative;}
	
	.select_option{ width: 570px; color: #595656; }
	.select_option ul{ width: 100%; max-height: 400px; overflow-y:scroll; display: block; position: relative; z-index: 6;  }
	.select_option li.selected{color: $color;}
	.select_option li{width: 200px; margin-left: 50px;float: left; cursor: pointer;text-indent: 5px; height: 31px; line-height: 31px; border-bottom: 1px solid $color;}
	.select_option li:hover{color: #000;}
	/*.select_option li:last-child{border-bottom: none;}*/
	.select_option p{position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; display: block; background-color: #fff;  opacity: .8;}







	.City{width: 174px; height: 56px;margin-top: 50px;float: left; background-color: #fff;}
	
	/*.Country .select_showbox{}*/
	/*.Country .select_option li{ }*/


	/*.select{display: none;}*/
	/*.Country .select_box ,.City .select_box{position: relative; z-index: 10;  height: 54px;line-height: 54px; float: left;  }*/
	/*.Country .select_showbox ,.City .select_showbox{ height: 54px;  }*/
	
	/*.Country .select_option li ,.City .select_option li{position: relative;float: left;  z-index: 10; }*/
	
	/*.select_box{ margin-left: 10px;}*/

	


/*	.City .select_box{width: 174px; }
	.City .select_showbox{background-position: 143px 23px; border-left: none;}
	.City .select_option li{ width: 100px; }*/

/*search input*/
	.search_input{position: relative; background-color: #fff; width:382px; height: 54px; line-height: 54px; border: 1px solid #d2d2d2 ; float: left; margin-top: 50px;margin-left: 10px; background-image: url(../images/searchicon.png); background-repeat: no-repeat; background-position: 15px 19px;}
	.searchInput{ width: 95%; height: 100%; outline: none; border: 0; background: transparent;background: -webkit-transparent; text-indent: 46px; }
/*search btn*/
	.search_btn{ width: 153px; height: 54px; float: left; margin-top: 50px; margin-left: 10px; }
	.searchBtn{ background-color: #f6ab00; outline:none; width: 100%; height: 100%; border: 0; color: #fff; cursor: pointer; font-size: 18px; } 
	

	.highlight{ background-color: $color; color: #fff; }
	.autocomplete{position: absolute; left: 0; top: 56px; width: 100%; max-height: 300px; overflow: hidden; z-index: 12; }
	.clickable{ line-height: 35px; text-indent: 46px;cursor: pointer; position: relative; z-index: 13;
		.search_shangjia{ float: right; border-radius: 50%;  width: 25px; height: 25px; margin-top: 5px; margin-right: 5px; text-indent: 0;background-image: url(../images/sb.png); background-repeat: no-repeat; background-size: cover;background-position: center;}
	}
	.clickable a{ color: #000 ; width: 100%; height: 100%; overflow: hidden;display: block;}
	.autocomplete p{ position: relative; z-index: 1; background-color: #fff; opacity: .6;  width: 100%; height: 100%; overflow: hidden; display: block; left: 0; top: 0;}
	.highlight a{ width: 100%; height: 100%; overflow: hidden; display: block; color: #fff;}
	.highlight{
		.search_shangjia{ background-image: url(../images/sb2.png); }
	}
	.Lists{ position: absolute; left: 0; top: 0; width: 100%;  max-height: 300px; overflow: scroll;}





	
}


/*mask bg*/
.mask{ width: 100%; height: 100%; overflow: hidden; display: none; position: fixed; left: 0; top: 0; background-color: #000; z-index: 99; opacity: .7; }



.order_pay{display: none; width: 440px; color: #595656; height: 280px; position: fixed; left: 50%; top: 50%; margin-left: -220px; margin-top: -140px; background-color: #fff; border-radius: 4px; z-index: 100; 
	.order_pay_title{ width: 100%; height: 24px; text-align: center; margin-top: 48px; font-size: 18px; }
	.order_pay_con{  margin: 20px 20px;  font-size: 14px; line-height: 24px;  height: 110px;}
	.order_pay_btn{ width: 90%; margin-left: 5%; height: 55px; text-align: center; line-height: 55px;  color: $color; font-size: 18px; border-top: 1px solid $color;}


}
.order_pay_success{ text-align: center; }

/*password*/
.password{ display: none;width: 440px; color: #595656; height: 280px; position: fixed; left: 50%; top: 50%; margin-left: -220px; margin-top: -140px; background-color: #fff; border-radius: 4px; z-index: 100;
	.password_con{ width: 400px;    height: 130px; margin-top: 90px;font-size: 14px; line-height: 24px; text-align: center;}
	.password_btn{ width: 90%; margin-left: 5%; height: 55px; text-align: center; line-height: 55px;  color: $color; font-size: 18px; border-top: 1px solid $color;}
	
}







.password_email ,.login ,.register{display: none; width: 400px; height: 550px;color: #595656; position: fixed; left: 50%; top: 50%; margin-left: -200px; margin-top: -275px; background-color: #fff; border-radius: 4px; z-index: 100;  
	/*edit  password_email*/
	.password_text ,.password_text_again{ font-size: 13px; text-indent: 5px; width: 250px; height: 35px; border: 1px solid #d2d2d2;  margin-left: 75px; margin-right: 75px; }
	.password_text{ margin-top: 185px; }
	.password_text_again{ margin-top: 20px; }
	.edit_password_submit{ background-color: #f6ab00;cursor: pointer; height: 40px; line-height: 40px; text-align: center; border: none; width: 130px;position: relative;left: 50%; margin-left: -65px; margin-top: 125px; color: #fff; }
	
	/*find  password_email*/
	.password_text_ok{ font-size: 13px; text-indent: 5px; width: 250px; height: 35px; border: 1px solid #d2d2d2;  margin-left: 75px; margin-right: 75px; }
	.password_text_ok{margin-top: 90px;}
	.password_submit{ background-color: #f6ab00;cursor: pointer; height: 40px; line-height: 40px; text-align: center; border: none; width: 130px;position: relative;left: 50%; margin-left: -65px; margin-top: 125px; color: #fff; }

	/*login and register*/
	.login_name ,.login_password ,.register_name ,.register_password ,.register_password_again ,.register_email{ font-size: 13px; text-indent: 5px; width: 250px; height: 35px; border: 1px solid #d2d2d2;  margin-left: 75px; margin-right: 75px;   margin-top: 5px;}
	.login_password ,.register_password ,.register_password_again,.register_email{ margin-top: 20px; }
	.login_logo ,.register_logo{ width: 100%; height: 42px; text-align: center; margin-top: 56px; }
	.login_remember ,.register_remember{position: relative; cursor: pointer;  width: 230px; padding-left: 20px; font-size: 13px; height: auto; overflow: hidden; margin-top: 15px;  margin-left: 75px; margin-right: 75px; }
	.Forget{ float: right; color: #e5004f; }
	.login_checkbox ,.register_checkbox{border-radius: 0;cursor: pointer; margin-right: 5px;position: absolute; left: -0px; top: 2px;}
	.login_btn ,.register_btn{ background-color: #f6ab00;cursor: pointer; height: 40px; line-height: 40px; text-align: center; border: none; width: 130px;position: relative;left: 50%; margin-left: -65px; margin-top: 35px; color: #fff; }

	/*or   ---other login*/
	.other{ width: 250px; margin-left: 75px; margin-right: 75px; border-top: 1px solid #d2d2d2; margin-top: 53px;position: relative; text-align: center;
		li{ width: 33%; text-align: center; float: left; padding: 18px 0; }
		span{position: absolute; top: -12px; background-color: #fff; padding: 0 10px;left: 50%; margin-left: -17px;  }
	}

	/*.mask_bg{ display: none; width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0 ; top: 0; z-index: 105; background-color: #000; opacity: 0.08; }*/
	/*.blockmask_bg{ display: block; }*/
	.Prompt{ width: 80%; padding: 5px 10%; margin: 10px 0; height: 30px; font-size: 12px; line-height: 25px; text-align: center; color: #fff; background-color: #fff;  }
	.addpromptbg{background-color: $color;}
	.Prompttop{ margin-top: 110px; }
}



.anim{transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;}
/*.tabcolor{ background-color: #f6f6f6; }*/



/*error*/
/*.error{ display: none;width: 440px; color: #595656; height: 280px; position: fixed; left: 50%; top: 50%; margin-left: -220px; margin-top: -140px; background-color: #fff; border-radius: 4px; z-index: 900;
	.error_con{ width: 400px;    height: 130px; margin: 90px 20px 0 20px;font-size: 14px; line-height: 24px; text-align: center;}
	.error_btn{cursor: pointer; width: 90%; margin-left: 5%; height: 55px; text-align: center; line-height: 55px;  color: $color; font-size: 18px; border-top: 1px solid $color;}
}
*/


.pages{  width: 100%; text-align: center;  margin-top: 50px; margin-bottom: 50px;
	span{  background-color: #ccc; margin-right: 5px; font-size: 12px; margin-left: 10px; color: #000; }
	a{ color: #000 ;padding: 2px 15px;}
	.pagescur{ background-color: #f6ab00; color: #000 }
}

